<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'tab.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<SCRIPT src="js/color.js" type="text/javascript"></SCRIPT>
		<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.STYLE1 {
	font-size: 12px
}

.STYLE3 {
	font-size: 12px;
	font-weight: bold;
}

.STYLE4 {
	color: #03515d;
	font-size: 12px;
}
-->
.boxBorder {
	border: 1px solid green;
}


#addlink {
	position: absolute;
	width: 400px;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	height: auto;
	z-index: 100;
	background-color: #fff;
	border: 1px #8FA4F5 solid;
	padding: 1px;
}

#addlink h2 {
	height: 25px;
	font-size: 14px;
	background-color:#7bc4d3;
	position: relative;
	padding-left: 10px;
	line-height: 25px;
	color: white;
}

#addlink h2 a {
	position: absolute;
	right: 5px;
	font-size: 12px;
	color: white;
}

#addlink .form {
	padding-left: 10px;
}
#BgDiv {
	background-color: #e3e3e3;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 1000px;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
}
</style>
<SCRIPT src="js/jquery.js" type="text/javascript"></SCRIPT>
<script type="text/javascript">
	function del(fid){
	 if(confirm("确定要删除吗？")){
	 location="friendlink.do?method=getAllLink&fid="+fid;
	 }
	}
	function closeMe(){
			BgDiv.style.display="none";
	 		$("#edit").css("display","none");
		}
		function showme(fid,a,b,c,d){
			addlink.style.display="block";
			addlink.style.top="130px";
			addlink.style.left="350px";
			BgDiv.style.display="block";
			$("#edit").css("display","block");
			$("#id").val(fid);
	 		$("#a").val(a);
	 		$("#b").val(b);
	 		$("#c").val(c);
	 		$("#d").val(d);
		}

</script>
	
	</head>
	<body>
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td height="30" background="backstage/tab/images//tab_05.gif">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="12" height="30">
								<img src="backstage/tab/images//tab_03.gif" width="12" height="30" />
							</td>
							<td>
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td width="46%" valign="middle">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="5%">
														<div align="center">
															<img src="backstage/tab/images//tb.gif" width="16" height="16" />
														</div>
													</td>
													<td width="95%" class="STYLE1">
														<span class="STYLE3">你当前的位置</span>：[业务中心]-[友情链接]
													</td>
												</tr>
											</table>
										</td>
										<td width="54%">
											<table border="0" align="right" cellpadding="0"
												cellspacing="0">
												<tr>
													<td width="60">
														<table width="87%" border="0" cellpadding="0"
															cellspacing="0">
															<tr>
															</tr>
														</table>
													</td>
													<td width="60">
														<table width="90%" border="0" cellpadding="0"
															cellspacing="0">
															<tr>
															</tr>
														</table>
													</td>
													<td width="60">
														<table width="90%" border="0" cellpadding="0"
															cellspacing="0">
															<tr>
																<td><a href="backstage/tab/addyq.jsp"><font size="2" color="black"><span style="cursor:pointer;">【新增】</span></font></a></td>
															</tr>
														</table>
													</td>
													<td width="52">
														<table width="88%" border="0" cellpadding="0"
															cellspacing="0">
															<tr>
															</tr>
														</table>
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
							<td width="16">
								<img src="backstage/tab/images//tab_07.gif" width="16" height="30" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="8" background="backstage/tab/images//tab_12.gif">
								&nbsp;
							</td>
							<td>
							<c:if test="${message != null}">
								<table width="100%">
									<tr style="background-color: #87CEFF">
										<td align="center" valign="center" height="30">
											<div>${message}</div>
										</td>
									</tr>
								</table>
							</c:if>
								<table width="100%" border="0" cellpadding="0" cellspacing="1"	
								bgcolor="b5d6e6" onmouseover="changeto()" onmouseout="changeback()">
									<tr>
										<td width="10%" height="22" background="backstage/tab/images//bg.gif"
											bgcolor="#FFFFFF">
											<div align="center">
												<span class="STYLE1">相关医院名称</span>
											</div>
										</td>
										<td width="10%" height="22" background="backstage/tab/images//bg.gif"
											bgcolor="#FFFFFF">
											<div align="center">
												<span class="STYLE1">相关医院链接地址</span>
											</div>
										</td>
										<td width="8%" background="backstage/tab/images//bg.gif" bgcolor="#FFFFFF">
											<div align="center">
												<span class="STYLE1">推荐医院名称</span>
											</div>
										</td>
										<td width="12%" height="22" background="backstage/tab/images//bg.gif"
											bgcolor="#FFFFFF">
											<div align="center">
												<span class="STYLE1">推荐医院链接地址</span>
											</div>
										</td>
										
										<td width="15%" height="22" background="backstage/tab/images//bg.gif"
											bgcolor="#FFFFFF" class="STYLE1">
											<div align="center">
												基本操作
											</div>
										</td>
									</tr>
									<c:forEach items="${linkList}" var="link">
									<tr>
										<td height="20" bgcolor="#FFFFFF">
											<div align="center">
												<span class="STYLE1">${link.relateName }</span>
											</div>
										</td>
										<td height="20" bgcolor="#FFFFFF">
											<div align="center">
												<span class="STYLE1">${link.relateAddress }</span>
											</div>
										</td>
										<td bgcolor="#FFFFFF">
											<div align="center">
												<span class="STYLE1">${link.recommendName }</span>
											</div>
										</td>
										<td height="20" bgcolor="#FFFFFF">
											<div align="center">
												<span class="STYLE1">${link.recommendAddress }</span>
											</div>
										</td>
										<td height="20" bgcolor="#FFFFFF">
											<div align="center">
											<img src="backstage/tab/images//edt.gif" width="16" height="16" />
												<span class="STYLE4"><a onclick="showme(${link.fid },'${link.relateName }','${link.relateAddress }','${link.recommendName }','${link.recommendAddress }')"/><span style="cursor:pointer;">编辑</span></a>
												<img src="backstage/tab/images//del.gif" width="16" height="16" />
											<a onclick="del(${link.fid })"><span style="cursor:pointer;">删除</span></a></span>
											</div>
										</td>
									</tr>
									</c:forEach>
								</table>
							<td width="8" background="backstage/tab/backstage/tab/images///tab_15.gif">
								&nbsp;
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td height="35" background="backstage/tab/backstage/tab/images///tab_19.gif">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="12" height="35">
								<img src="backstage/tab/images/tab_18.gif" width="12" height="35" />
							</td>
							<td>
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td class="STYLE4">
											&nbsp;&nbsp;共有 ${rowCount} 条记录，当前第 ${current}/${pageCount} 页
										</td>
										<td>
										<form action="friendlink.do?method=getAllLink" method="post">
											<table border="0" align="right" cellpadding="0"
												cellspacing="0">
												<tr>
													<td width="40">
													<a href="friendlink.do?method=getAllLink&current=1">
														<img src="backstage/tab/images/first.gif" width="37" height="15" border="0"/>
														</a>
													</td>
													<td width="45">
													<a href="friendlink.do?method=getAllLink&current=${current-1}">
														<img src="backstage/tab/images/back.gif" width="43" height="15" border="0"/>
														</a>
													</td>
													<td width="45">
													<a href="friendlink.do?method=getAllLink&current=${current+1}">
														<img src="backstage/tab/images/next.gif" width="43" height="15" border="0"/>
														</a>
													</td>
													<td width="40">
													<a href="friendlink.do?method=getAllLink&current=${pageCount}">
														<img src="backstage/tab/images/last.gif" width="37" height="15" border="0"/>
														</a>
													</td>
													
													<td width="100">
														<div align="center">
															<span class="STYLE1">转到第 <input name="current"
																	type="text" size="4"
																	onkeypress="if ((event.keyCode<48 || event.keyCode>57)) {event.returnValue=false};
															if(this.value.length > 4){this.value = 10000}"
																	style="height: 12px; width: 20px; border: 1px solid #999999;" />
																页 </span>
														</div>
													</td>
													<td width="40">
														<img src="backstage/tab/images/go.gif" width="37" height="15" onclick="submit()"/>
													</td>
												</tr>
											</table>
											</form>
										</td>
									</tr>
								</table>
							</td>
							<td width="16">
								<img src="backstage/tab/images/tab_20.gif" width="16" height="35" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<div id="BgDiv"></div>
	<div  id="edit" style="display: none">
    <div id="addlink" style="width:423px;height:220px;margin:0px auto 0px;padding:1px;border:1px solid #a5b6c8;background-color:#eef3f7;">
    <h2 id="bianji">
						友情链接编辑
				<a href="javascript: closeMe( )">关闭</a>
			</h2>
		<div class="form">
				<FORM METHOD=post ACTION="friendlink.do?method=updateLink">
				<input type="hidden" id="id" name="fid"/>
					&nbsp;&nbsp;&nbsp;&nbsp;相关医院名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<INPUT TYPE="text" class="boxBorder" NAME="relateName" size=20 id="a">
					<br />
						<br />
						相关医院连接地址:&nbsp;
						<INPUT	TYPE="text" class="boxBorder" NAME="relateAddress" size=20 id="b">
						<br />
						<br />
						&nbsp;&nbsp;&nbsp;&nbsp;推荐医院名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<INPUT	TYPE="text" class="boxBorder" NAME="recommendName" size=20 id="c">
							<br />
							<br />
							推荐医院链接地址:&nbsp;
						<INPUT	TYPE="text" class="boxBorder" NAME="recommendAddress" size=20 id="d">
						<br />
								<center>
									<INPUT TYPE="submit" value="提&nbsp;交">
								</center>
				</FORM>
    </div>
	</body>
</html>
